<template>
	<view class="box-bg">
		<uni-nav-bar shadow color="#F7F7F7" left-icon="left" backgroundColor="#3485FD" height="65px" title="订单支付" @clickLeft="back" />
	</view>
	<view class="main1"></view>
	<view class="main2">
		<uni-card class="main2-card">
			<view class="pay">
				<image class="img" src="/static/dui.png" mode=""></image>
				<view class="success">
					支付成功
				</view>
				<view class="price">
					39.90
				</view>
				<view class="num">
					预约编号：324252536363634
				</view>
				<button class="back">返回首页</button>
				<button class="detil">订单详情</button>
			</view>
	    </uni-card>
	</view>
</template>

<script>
</script>

<style>
	.box-bg{
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 1000;
	}
	.main1{
		background-color: #1168EA;
		padding: 25rpx;
		padding-bottom: 140rpx;
		margin-top: 115rpx;
		height: 150rpx;
	}
	.main2{
		position: relative;
		top: -300rpx;
	}
	.pay{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		padding: 50rpx 0 50rpx 0;
	}
	.img{
		height: 100rpx;
		width: 100rpx;
	}
	.success{
		font-size: 25rpx;
		font-weight: 600;
		margin-top: 30rpx;
		color: #000;
	}
	.price{
		font-size: 50rpx;
		margin-top: 30rpx;
		color: #000;
		font-weight: 600;
	}
	.num{
		font-size: 25rpx;
		color: #000;
		margin-top: 55rpx;
		font-weight: 600;
	}
	.back,.detil{
		color: white;
		width: 70%;
		border-radius: 50rpx;
		background-color: #0D65E8;
		margin-top: 55rpx;
	}
	.detil{
		background-color: #BFBFBF;
		margin-top: 30rpx;
	}
</style>